<div class="waittask_management">
    <div nz-row nzGutter="16" class="row_1">
        <div nz-col nzSpan="6" class="row_2" style="margin-top: 0;">
         
        </div>
        <div nz-col nzSpan="10"></div>
        <div nz-col nzSpan="4">
            <nz-range-picker nzDropdownClassName="date-range" ngModel (ngModelChange)="onDateChange($event)">
            </nz-range-picker>
        </div>
        <div nz-col nzSpan="4">
            <input appHotSearch (hotSearchEmit)="hotSearch()" nz-input placeholder="输入名称或者描述搜索"
                [(ngModel)]="searchValue" />
        </div>
    </div>
    <div nz-row class="row_3" nzGutter="16">
        <div nz-col nzSpan="17" class="col_1" style="margin-right: 0;">
            <!-- <div nz-row class="role_title">角色列表</div> -->
            <div nz-row class="user_table">
                <nz-table #rowSelectionTable nzTitle="角色列表" [nzData]="listOfAllData" [nzFrontPagination]="false"
                    [nzBordered]="true" nzSize="small">
                    <thead>
                        <tr>
                            <!-- <th nzShowCheckbox [(nzChecked)]="isCheckedAll" [nzIndeterminate]="isIndeterminate"
                                (nzCheckedChange)="checkAll($event)"></th> -->
                            <th>名称</th>
                            <th>数据权限</th>
                            <th>角色权限</th>
                            <th>角色级别</th>
                            <th>描述</th>
                            <th>创建日期</th>
                            <th>操作</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr *ngFor="let data of rowSelectionTable.data">
                            <!-- <td nzShowCheckbox [(nzChecked)]="mapOfCheckedId[data.id]"
                                (nzCheckedChange)="refreshStatus()"></td> -->
                            <td>{{ data.name}}</td>
                            <td>{{ data.dataScope }}</td>
                            <td>{{ data.permission }}</td>
                            <td>{{ data.level }}</td>
                            <td>{{ data.remark }}</td>
                            <td>{{ data.createTime }}</td>
                            <td>
                                <button (click)="getTodo(data)"
                                    [class]="selectedId==data.id?'ant-btn ant-btn-default ant-btn-icon-only active':'ant-btn ant-btn-default ant-btn-icon-only'"
                                    nz-button nzType="default">
                                    <i nz-icon nzType="eye"></i>
                                </button>
                            </td>
                        </tr>
                    </tbody>
                </nz-table>
            </div>
            <div nz-row class="page_row" *ngIf="listOfAllData.length!=0">
                <nz-pagination (nzPageIndexChange)="clickPage($event)" [nzPageIndex]="pageIndex" [nzTotal]="totalSize"
                    [nzPageSize]="pagesize" [nzShowTotal]="totalTemplate"></nz-pagination>
                <ng-template #totalTemplate let-total> 总共 {{totalSize}} 条 </ng-template>
            </div>
        </div>
        <div nz-col nzSpan="7" class="col_2">
            <div nz-row class="menu_title">
                <span>权限分配</span>
                <button nz-button nzType="primary" [disabled]="selectedId === -1" (click)="saveMenuEdit()" *ngIf="bornTasks.save">
                    <i nz-icon nzType="check" nzTheme="outline"></i>保存
                </button>
            </div>
            <div nz-row class="menu_content">
                <!-- <nz-tree #menuTreeComp [nzData]="menuNodes" (nzCheckBoxChange)="nzEvent($event)" [nzCheckStrictly]="true" nzCheckable nzMultiple>
                </nz-tree> -->

                <nz-tree
                #menuTreeComp
                [nzData]="menuNodes"
                nzCheckable
                nzMultiple
                [nzCheckStrictly]="true"
              >
              </nz-tree>
            </div>
        </div>
    </div>
</div>
<div id="modal_box"></div>